<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="attributeName" label="属性名" width="180" />
    <el-table-column prop="desc" label="说明" width="" />
    <el-table-column prop="defaultValue" label="默认值" width="180" />
  </el-table>
</template>

<script lang="ts" setup>
const tableData = ref([
  {
    attributeName: "v-model",
    desc: "双向绑定值",
    defaultValue: "",
  },

  {
    attributeName: "descOption",
    desc: "配置项的对象名称",
    defaultValue: "",
  },
  {
    attributeName: "prop",
    desc: "字段对应的属性名",
    defaultValue: "",
  },
  {
    attributeName: "label",
    desc: "字段对应的名称",
    defaultValue: "",
  },
  {
    attributeName: "border",
    desc: "是否开启边框",
    defaultValue: "false",
  },
  {
    attributeName: "labelBack",
    desc: "border为true可配置labelBack，更改白色背景",
    defaultValue: "false",
  },
  {
    attributeName: "col",
    desc: "	一行 Descriptions Item 的数量",
    defaultValue: "3",
  },
  {
    attributeName: "direction",
    desc: "	排列的方向",
    defaultValue: "horizontal",
  },
  {
    attributeName: "labelWidth",
    desc: "	每一列的标签宽度",
    defaultValue: "60",
  },
  {
    attributeName: "align",
    desc: "	列的内容对齐方式（如无 border，对标签和内容均生效）",
    defaultValue: "left",
  },
  {
    attributeName: "labelAlign",
    desc: "列的标签对齐方式，若不设置该项，则使用内容的对齐方式（如无 border，请使用 align 参数）",
    defaultValue: "left",
  },
  {
    attributeName: "span",
    desc: "列的数量",
    defaultValue: "1",
  },
  {
    attributeName: "slot",
    desc: "开启自定义插槽",
    defaultValue: "false",
  },
  {
    attributeName: "lineClamp",
    desc: "超过几行显示...",
    defaultValue: "",
  },
]);
</script>

<style>
</style>